<template>
  <div class="mui-content pd pb">
    <mh-header headName="列表" :showBack="showBack"> </mh-header>
    <div class="list-cont">
      <div class="mui-segmented-control mh-segmented">
        <a class="mui-control-item mui-active" @click="myMatchMaker"><span>红娘好友</span></a>
        <a class="mui-control-item" @click="myFriends"><span>我的网友</span></a>
      </div>
    </div>

    <transition name="bounce">
      <router-view> </router-view>
    </transition>

    <tab-menu :activeTab="activeFootTab"> </tab-menu>
  </div>
</template>

<script>
  import MhHeader from '@/components/mh-header/mh-header'
  import TabMenu from '@/components/tab-menu/hn-tab'

  export default {
    name: "list",
    data () {
      return {
        showBack: false,
        activeFootTab: 0
      }
    },
    methods: {
      myMatchMaker () {
        this.$router.push({path: 'matcher'})
      },
      myFriends () {
        this.$router.push({path: 'friends'})
      }
    },
    components: {
      MhHeader,
      TabMenu
    }
  }
</script>

<style lang="scss" scoped>

</style>
